<template v-slot="title">
  <MyHeader ref="MyHeader"> </MyHeader>
  <div style="margin-top: 50px;">
    <el-row style="margin-bottom: 20px">
        <el-button @click=teenMode()>青少年模式</el-button>
        <el-button @click=re18Mode()> R18+模式 </el-button>
    </el-row>
    <el-row v-if="this.tags.length>=1">
      <el-col :span="6" style="padding: 0">
      </el-col>
      <el-col :span="12"  class="tagbox">
<!--        <h1> 当前Tags {{tags}}</h1>-->
          <el-tag
                  v-for="(tag, index) in tags"
                  :key="tag"
                  class="mx-1"
                  closable
                  :disable-transitions="false"
                  @close="handleClose(index)"
                  style="margin-left: 10px"
          >
              {{ tag }}
          </el-tag>

      </el-col>
      <el-col :span="6" style="padding: 0">

          <el-button @click="gotoSetTag" size="small">修改标签</el-button>
          <el-button @click="clearTag" size="small">清空标签</el-button>
      </el-col>
    </el-row>

    <main class="page-content has-sidebar">
      <el-row>
        <!--    左边导航栏-->
          <el-col :span="4" class="menu-col">
<!--              <el-affix :offset="100">-->
                  <LiftMenu  id="liftMenu" tag_content="mo ren"  @get_new_tag="get_new_tag"  @select_tag="select_tag"/>
<!--              </el-affix>-->
          </el-col>
          <!--    右边显示图片-->
        <el-col :span="20">
          <RightImgCarder
              id="rightImgCarder"
              v-bind:tags=this.tags
              v-bind:page=parseInt(this.page)
              v-bind:sept=this.sept
              v-bind:teen=this.teenM
              v-bind:refresh=this.refresh_carder
              v-on:addThisTag="get_new_tag(tag)" />
        </el-col>

      </el-row>
    </main>

    <el-footer>
      <div id="bottom">
        <template>
          <el-pagination
              :page-size="20"
              :pager-count="11"
              layout="prev, pager, next"
              :total="1000"
          >
          </el-pagination>
        </template>
        <input v-model="page">
        <button @click=movePage()>go</button> ||
        <button @click=prevPage()>prev</button> ||
        <button @click=nextPage()>next</button>
      </div>
    </el-footer>
  </div>
</template>
<script>
import MyJS from "./index.js"
export default MyJS;
</script>
<style src="./style.css"  scoped>

</style>

